@media (max-width: 1540px) { .container { width: 1200px; }
  .company-intro .container { width: 1200px; }
  .section-business-consult .map-box { background-position: 80% center; }
  .section-business-consult .float-info { right: 30px; }
  .section-product-banner .intro .heading h1.title { height: 32px; font-size: 32px; }
  .section-product-banner .intro .text { font-size: 14px; }
  .footer .foot-nav .item { padding-right: 40px; } }

@media (max-width: 1200px) { .container { width: 1024px; }
  .section-product-banner .intro .heading h1.title { height: 24px; font-size: 24px; }
  .section-product-banner .intro .heading h2.sub-title { font-size: 20px; }
  .terminal-banner .wrapper { left: 0; right: 0; margin-left: auto; margin-right: auto; }
  ul.module-list-pic .intro dl { padding-top: 95px; }
  ul.module-list-pic .intro dl dt { font-size: 16px; } }

@media (max-width: 1024px) { .section-product-banner .wrapper { padding-left: 15px; padding-right: 15px; }
  .section-product-banner .intro { padding-right: 25px; }
  .section-product-banner .intro .heading { padding-bottom: 20px; background-size: auto 8px; }
  .section-product-banner .intro .heading h1.title { height: 20px; font-size: 20px; }
  .section-product-banner .intro .heading h2.sub-title { margin-top: 5px; font-size: 16px; }
  .section-product-banner .intro .text { margin-top: 15px; font-size: 12px; } }

@media (max-width: 768px) {
    .section-business-consult #mapContainer .map.pc{opacity:0;}
    .section-business-consult #mapContainer .map{opacity:1;}
    .container { width: 100%; }
  .section-about { padding-bottom: 50px; }
  .section-about .container { height: auto; }
  .section-about .logo { align-items: center; width: 100%; height: auto; text-align: center; margin: 35px 0; }
  .section-about .intro { clear: both; width: 100%; padding-left: 0; }
  .section-about .intro .content { margin-top: 20px; }
  .bottom-banner .slogan { font-size: 20px; }
  ul.module-list-pic li { width: 50%; }
  ul.module-list-pic .intro dl dd { -webkit-line-clamp: 7; }
  .section-trial .section-title { margin-bottom: 40px; }
  .section-trial .message-box { width: 100%; height: auto; padding-bottom: 30px; }
  .section-trial .contact-box { width: 100%; height: auto; margin-top: 20px; padding-top: 30px; padding-bottom: 30px; }
  .solution-yunyan-wrapper .solution-item1 { padding-bottom: 30px; }
  .solution-yunyan-wrapper .solution-item1 .pic { width: 100%; text-align: center; }
  .solution-yunyan-wrapper .solution-item1 ul { width: 100%; }
  .solution-yunyan-wrapper .solution-item2 { padding-top: 70px; padding-bottom: 70px; }
  .solution-yunyan-wrapper .solution-item2 .picture { position: static; border-radius: 100px; margin-left: auto; margin-right: auto; }
  .solution-yunyan-wrapper .solution-item2 .intro { width: 100%; height: auto; margin-top: 30px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; border-radius: 0; }
  .solution-yunyan-wrapper .solution-item3 { padding-bottom: 70px; }
  .solution-yunyan-wrapper .solution-item3 .content { width: 100%; }
  .company-intro .container { width: 100%; }
  .company-intro .content { padding-left: 180px; background-size: auto 100%; background-position: right top; }
  .section-business-consult .map-box { background-position: 70% center; }
  .section-business-consult .float-info { right: 10px; }
  .section-business-consult .contact-list { flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }
  .section-business-consult .contact-list li { max-width: none; width: 40%; margin: 15px 0; }
  .section-join-wrapper .join-list .item { width: 48%; }
  .section-join-wrapper .join-list .item .city { margin-left: 20px; }
  .section-product-banner .bg { display: none; }
  .section-product-banner .wrapper { position: static; width: auto; }
  .section-product-banner .intro { float: none; width: 100%; padding-top: 50px; padding-bottom: 50px; }
  .section-product-banner .picture { float: none; align-items: center; width: 100%; max-width: none; height: 350px; padding-bottom: 50px; }
  .terminal-banner .intro { padding-bottom: 0; }
  .footer .foot-nav { flex-wrap: wrap; clear: both; width: 100%; }
  .footer .foot-nav .item { width: 100%; padding-right: 20px; margin-bottom: 20px; }
  .footer .foot-nav .item h3 { margin-bottom: 5px; font-size: 16px; }
  .footer .foot-nav .item > a { float: left; margin: 5px 0; margin-right: 20px; }
  .footer .foot-nav .item > a:last-child { margin-right: 0; }
  .footer .qrcode { display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: none; width: 100%; } }

@media (max-width: 767px) { .navbtn { display: block; position: absolute; z-index: 999; top: 19.5px; right: 15px; width: auto; height: auto; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
  .navbtn span { display: block; width: 28px; height: 3px; margin: 6px 0; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
  .navbtn span:nth-child(1) { margin-top: 0; }
  .navbtn span:nth-child(3) { margin-bottom: 0; }
  .navbtn.navclose { position: fixed; }
  .navbtn.navclose span:nth-child(1) { -o-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -webkit-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
  .navbtn.navclose span:nth-child(2) { opacity: 0; }
  .navbtn.navclose span:nth-child(3) { -o-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -webkit-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
  .header { position: static; background-color: #1f2533; }
  .header .logo a { height: 60px; line-height: 60px; }
  .header .logo img { padding: 5px 0; }
  .header .navbar { position: fixed; z-index: 990; top: 0; left: -70%; display: block; width: 70%; height: 100%; padding: 15px; margin-top: 0; overflow-y: auto; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .header .navbar:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #ededed; }
  .header .navbar:after { content: ''; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all, 0.5s; -o-transition: all, 0.5s; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; }
  .header .navbar.nav-show { left: 0; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .header .navbar.nav-show:after { opacity: 1; visibility: inherit; }
  .header .navbar > li { position: relative; z-index: 9; clear: both; width: 100%; height: auto; line-height: normal; margin-left: 0; background-color: #fff; }
  .header .navbar > li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
  .header .navbar > li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
  .header .navbar > li > a { width: 100%; height: 45px; line-height: 45px; text-align: left; padding-left: 15px; padding-right: 15px; color: #333; font-size: 14px; border-width: 2px; border-bottom: 1px solid #efefef; }
  .home-banner .pagination { bottom: 15px !important; }
  .home-banner .pagination span { width: 7px; height: 7px; }
  .section-terminal { padding-bottom: 60px; }
  .section-terminal .section-title { margin-top: 30px; margin-bottom: 30px; font-size: 24px; }
  .section-terminal .terminal-tab-nav a { margin-left: 5px; margin-right: 5px; padding-bottom: 10px; }
  .section-terminal .terminal-tab-nav .icon { width: 40px; height: 40px; }
  .section-terminal .terminal-tab-nav h2 { margin-top: 10px; font-size: 14px; }
  .section-application-data { padding-bottom: 60px; }
  .section-application-data .section-title { font-size: 24px; }
  .section-about .logo { height: 100px; }
  .section-about .intro .section-title { font-size: 24px; }
  .section-about .intro .content { font-size: 14px; }
  .bottom-banner { height: auto; padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; }
  .bottom-banner .slogan { height: auto; line-height: 1.4; letter-spacing: 0; font-size: 16px; }
  ul.module-list-pic { margin-top: 20px; margin-left: -10px; margin-right: -10px; }
  ul.module-list-pic li { margin-top: 20px; padding-left: 10px; padding-right: 10px; }
  ul.module-list-pic li .intro { display: none; }
  .inside-banner { height: 100px; }
  .crumbs { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
  .section-trial { padding-top: 50px; padding-bottom: 50px; }
  .section-trial .section-title { margin-bottom: 30px; font-size: 24px; }
  .section-trial .message-box { padding-left: 25px; padding-right: 25px; padding-bottom: 20px; }
  .section-trial .message-box input, .section-trial .message-box select { width: 100%; margin-right: 0; }
  .section-trial .message-box button[type="submit"] { height: 40px; }
  .section-trial .contact-box { padding-left: 25px; }
  .section-solution-wrapper .item { padding-bottom: 0; }
  .section-solution-wrapper .item .picture { width: 100%; height: 250px; }
  .section-solution-wrapper .item .intro { display: block; width: 100%; height: auto; padding-top: 20px; padding-left: 0 !important; }
  .section-solution-wrapper .item .intro h2 { font-size: 20px; }
  .section-solution-wrapper .item .intro .text { line-height: 2; margin-top: 10px; font-size: 14px; }
  .section-solution-wrapper .item .intro .more { margin-top: 5px; margin-left: auto; margin-right: auto; }
  .solution-yunyan-wrapper h1 { font-size: 24px; letter-spacing: 0; }
  .solution-yunyan-wrapper .solution-item1 { margin-top: 50px; }
  .solution-yunyan-wrapper .solution-item1 .item-title { margin-bottom: 30px; font-size: 18px; }
  .solution-yunyan-wrapper .solution-item1 .pic { float: none; width: 70%; margin-left: auto; margin-right: auto; }
  .solution-yunyan-wrapper .solution-item1 ul { margin-top: 30px; }
  .solution-yunyan-wrapper .solution-item1 ul li { margin-bottom: 25px; padding-left: 45px; }
  .solution-yunyan-wrapper .solution-item1 ul li img { top: 5px; width: 35px; }
  .solution-yunyan-wrapper .solution-item1 ul li p { line-height: 2; font-size: 14px; }
  .solution-yunyan-wrapper .solution-item2 { padding-top: 50px; padding-bottom: 50px; }
  .solution-yunyan-wrapper .solution-item2 .picture { width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; border-radius: 50px; }
  .solution-yunyan-wrapper .solution-item2 .intro { padding-top: 30px; padding-left: 25px; padding-right: 20px; padding-bottom: 30px; }
  .solution-yunyan-wrapper .solution-item2 .intro .item-title { font-size: 18px; }
  .solution-yunyan-wrapper .solution-item2 .intro .text { line-height: 2; margin-top: 20px; font-size: 14px; }
  .solution-yunyan-wrapper .solution-item3 { overflow-x: auto; }
  .solution-yunyan-wrapper .solution-item3 .item-title { font-size: 18px; }
  .solution-yunyan-wrapper .solution-item3 .content { line-height: 2; margin-top: 30px; padding-left: 25px; padding-right: 25px; font-size: 14px; }
  .solution-yunyan-wrapper .solution-item3 .picture { width: 700px; max-width: none; margin-top: 50px; }
  .company-intro { padding-bottom: 50px; }
  .company-intro .container { padding-left: 15px; padding-right: 15px; }
  .company-intro .section-title { margin-top: 50px; font-size: 24px; }
  .company-intro .content { height: auto; line-height: 2; margin-top: 30px; padding-top: 25px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; background-image: linear-gradient(#0d1c53, #073c83); border-radius: 10px; }
  .company-culture ul li { width: 100% !important; }
  .section-business-consult .section-title { font-size: 24px; }
  .section-business-consult .map-box { height: 300px; margin-top: 30px; background-position: center center; }
  .section-business-consult .float-info { display: none; }
  .section-business-consult .contact-list { padding-left: 25px; padding-right: 25px; }
  .section-business-consult .contact-list li { width: 100%; }
  .section-join-wrapper .section-title { font-size: 24px; }
  .section-join-wrapper .join-list .item { width: 100%; margin-top: 30px; padding-left: 20px; padding-right: 20px; }
  .section-join-wrapper .join-list .item.show-info h5 { padding-top: 25px; }
  .section-join-wrapper .join-list .item.show-info h5.new-mark { background-position: right 15px; }
  .section-join-wrapper .join-list .item.show-info .btn { width: calc(100% + 40px); margin-left: -20px; }
  .section-join-wrapper .join-list .item.show-info .btn a { line-height: 40px; font-size: 14px; }
  .section-product-banner .intro .heading { background-size: auto 5px; }
  .section-product-banner .intro .heading h1.title { height: 25px; font-size: 24px; background-image: none; background-clip: none; -moz-background-clip: none; -webkit-background-clip: none; -webkit-text-fill-color: #d9dbe2; }
  .section-product-banner .intro .heading h2.sub-title { font-size: 20px; }
  .section-product-banner .intro .text { margin-top: 20px; font-size: 14px; }
  .section-product-banner .picture { height: auto; padding-bottom: 30px; }
  .footer { padding-top: 40px; }
  .gradient-button { width: 120px; height: 50px; line-height: 38px; font-size: 14px; } }

/*# sourceMappingURL=../maps/style/media.css.map */